<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css" />
    <title>张传畅</title>
</head>

<body>
    <header>
        <h1>张传畅的网站</h1>
    </header>

    <main>
        <article>
            <h2>自我介绍</h2>
            <table>
                <tbody>
                  <tr>
                    <td>姓名</td>
                    <td>张传畅</td>
                  </tr>
                  <tr>
                    <td>学号</td>
                    <td>2110805</td>
                  </tr>
                  <tr>
                    <td>专业</td>
                    <td>计算机科学与技术</td>
                  </tr>
                  <tr>
                    <td>LOGO</td>
                    <td><img src="smile.jpg"></td>
                  </tr>
                  <tr>
                    <td>自我<br>介绍<br>音频</td>
                    <td>
                        <audio controls>
                            <source src="intro.mp3" type="audio/mp3" />
                        </audio>
                    </td>
                  </tr>
                </tbody>
              </table>
        </article>
    </main>
</body>
</html>